<template>
  <div class="flex space-x-5 h-full">
    <div class="left">
      <CustomerList />
    </div>
    <div class="right">
      <MenuTree />
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
import CustomerList from '@/components/admin/menus/CustomerList.vue'
import MenuTree from '@/components/admin/menus/MenuTree.vue'
// import { ActionsType } from '@/actions/tree'

export default Vue.extend({
  components: { MenuTree, CustomerList },
  head: {
    title: '菜单编辑',
  },
  created() {
    // this.$store.dispatch(ActionsType.getArea)
    // this.$store.dispatch(ActionsType.getIndustryTag)
  },
})
</script>
<style lang="scss" scoped>
.left {
  @apply bg-white
          rounded-content-wrap
          flex-shrink-0
          w-[286px]
          p-5;
}

.right {
  @apply bg-white
        rounded-content-wrap
        py-5
        text-main-title
        flex-grow flex flex-col
        overflow-hidden
        justify-between;
}
</style>
